<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>结算</title>
    <link rel="stylesheet" href="./component/settlement/settlement.css">
   <link rel="stylesheet" href="main.css">
</head>
<body>
  <section>
        <div class="order-address">
          <div class="header-wrapper">
            <h5 class="header-title">选择收货地址</h5>
          </div>
         
          <div class="address-list">
            <div class="address-inner">
                <div class="address-item  active">
                    <div class="addr-bd">
                        <span class="addr-bd-name">广东广州市(徐收)</span>
                    </div>
                    <div class="horizontal-line"></div>
                    <div class="addr-bd">
                        <span class="addr-bd-inner">广东省广州市天河区</span>
                        <span class="addr-bd-inner">黄梅岭街道</span>
                        <span class="addr-bd-inner">皇家小区</span>
                    </div>
                    <div class="default-tip">默认地址</div>
                </div>
            </div>
            
        
            <div class="address-inner">
                <div class="address-item">
                    <div class="addr-bd">
                        <span class="addr-bd-name">广东广州市(89收)</span>
                    </div>
                    <div class="horizontal-line"></div>
                    <div class="addr-bd">
                        <span class="addr-bd-inner">广东省广州市天河区</span>
                        <span class="addr-bd-inner">平安街道</span>
                        <span class="addr-bd-inner">仙居小区</span>
                    </div>
                   
                </div>
            </div>
        
            <div class="address-inner">
                <div class="address-item">
                    <div class="addr-bd">
                        <span class="addr-bd-name">广东广州市(熊收)</span>
                    </div>
                    <div class="horizontal-line"></div>
                    <div class="addr-bd">
                        <span class="addr-bd-inner">广东省广州市天河区</span>
                        <span class="addr-bd-inner">幸福街道</span>
                        <span class="addr-bd-inner">科技司小区</span>
                    </div>
                  
                </div>
            </div>

            <div class="address-inner">
                <div class="address-item">
                    <div class="addr-bd">
                        <span class="addr-bd-name">广东广州市(黄收)</span>
                    </div>
                    <div class="horizontal-line"></div>
                    <div class="addr-bd">
                        <span class="addr-bd-inner">广东省广州市海珠区</span>
                        <span class="addr-bd-inner">仲恺街道</span>
                        <span class="addr-bd-inner">代录小区</span>
                    </div>
                    
                </div>
            </div>


        </div>
     <div class="operations">
        
        <a class="add-address" href="#">管理地址</a>
    
      <button class=".next-btn" type="button">使用新地址</button>
        
     </div>
      <div class="item-headers">
       <div class="header-wrapper">
        <h2>确定订单信息</h5>
       </div>

       <div class="item-headers-wrapd">
        <div class="item-headers-content item-headers-0">商品</div>
        <div class="item-headers-content item-headers-1">属性</div>
        <div class="item-headers-content item-headers-2">单价</div>
        <div class="item-headers-content item-headers-3">数量</div>
        <div class="item-headers-content item-headers-4">小计</div>
       </div>
 
       <div class="item" id="item">
       <div class="item-row">
    <div class="order-itemInfo">
          <div class="info-cell">
            <img src="./image/hot-product/Smartisan TNT 大满足套装.png" alt="" style="width: 50px; height: 50px;"> 
            <div class="info-desc"><span>(自带)</span></div>
          </div>
    </div>
    <div class="info-sku">
        <span>Smartisan 真无线TWS蓝牙耳机</span>
    </div>
    <div class="info-price">
        <span>499.0</span>
    </div>
    <div class="info-num">
        <span>x9</span>
    </div>
    <div class="info-total">
        <span>499.0</span>
    </div>
       </div>

       <div class="item-row">
        <div class="order-itemInfo">
              <div class="info-cell">
                <img src="./image/hot-product/Smartisan TNT 大满足套装.png" alt="" style="width: 50px; height: 50px;"> 
               <div class="info-desc"><span>(自带)</span></div>
              </div>
        </div>
        <div class="info-sku">
            <span>Smartisan 真无线TWS蓝牙耳机</span>
        </div>
        <div class="info-price">
            <span>499.0</span>
        </div>
        <div class="info-num">
            <span>x2</span>
        </div>
        <div class="info-total">
            <span>499.0</span>
        </div>
        </div>
       
      </div>

      <div class="realpay">
     <div class="order-payInfo">

        <div class="box">
           <div class="box__wrapper">
                <div class="box__shadow">
                 <div>
                    <span class="realpay--price-tile">实付:</span>
                    <span class="realpay--price-symbol">¥</span>
                    <span class="realpay--price" style="color: rgb(255, 0, 54);">499.0</span>
                 </div>

                </div>
     <div class="order-confirmAddr">
   <div class="order-confirmAddr-inner">
    <span class="confirmAddr-title">寄送至：</span>
    <span class="confirmAddr-content">广东省广州市天河区黄梅岭街道黄梅岭街道</span>
   </div>
   <div class="confirmAddr-man">
    <span class="confirmAddr-title">收货人：</span>
    <span class="confirmAddr-name">徐erert4t</span>
   </div>
     </div>
           </div>


        </div>
     </div>
    </div>
     <div class="submitOrder">  
         <div class="submitOrder-container">
         <div class="wrapper">
            <a href="index.html" class="go-btn-1" target="_self">
             <i>&lt;</i>
                返回购物车
            </a>
            <a role="button" title="提交订单" class="go-btn-2" style="background-color: rgb(255, 0, 54);">提交订单</a>
         </div>
         </div>
     </div>

  </section>
  <script src="./component/settlement/settlement.js"></script>
</body>
</html>

